body {
  display: flex;
  flex-direction: column;
}
header {
  height: 50px;
  background-color: #4294ff;
  color: #fff;
  display: flex;
  align-items: center;
  .head-icon {
    padding-left: 20px;
  }
  .head-info {
    flex: 1;
    text-align: center;
  }
}
main {
  flex: 1;
  overflow-y: scroll;
  .text {
    background-color: #e8e8e8;
    border-radius: 5px;
    margin: 10px 20px;
    padding: 10px;
  }
  button {
    margin: 10px 20px 30px;
    width: 90%;
    line-height: 50px;
    background-color: #4294ff;
    text-align: center;
    border-radius: 30px;
    color: #fff;
  }
}
